﻿function drawColumnCharts(Render, Title, Category, Data) {
    var chart;
    $(document).ready(function () {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: Render,
                defaultSeriesType: 'column',
                margin: [50, 50, 100, 80]
            },
            title: {
                text: Title
            },
            xAxis: {
                categories: Category,
                labels: {
                    rotation: 0,
                    align: 'right',
                    style: {
                        font: 'normal 13px Verdana, sans-serif'
                    }
                }
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Visitors'
                }
            },
            legend: {
                enabled: false
            },
            tooltip: {
                formatter: function () {

                }
            },
            series: [{
                name: '',
                data: Data,
                dataLabels: {
                    enabled: true,
                    rotation: -90,
                    color: Highcharts.theme.dataLabelsColor || '#FFFFFF',
                    align: 'right',
                    x: -3,
                    y: 10,
                    formatter: function () {
                        return this.y;
                    },
                    style: {
                        font: 'normal 13px Verdana, sans-serif'
                    }
                }
            }]
        });


    });

}